body 
{
    margin:0px;
    padding:0px;
    background:url(/[shared]/images/NetCaltex/body/background.gif);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
img {border:0px;}
h1  {margin:0; padding:0; font-size:14px; color:#004C60; margin-bottom:10px;}

.subnav 					{color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.subnav A:Link 				{color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.subnav A:Visited 			{color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.subnav A:Active			{color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
A.subnav:hover				{color: #ED3027; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}

#container                  {width:760px;  overflow:hidden;}
#container p                {margin:0; padding-bottom:20px;}
#container .leftnav         {float:left;  width:120px; height:350px; padding-left:12px; padding-top:10px; margin-top:5px; text-align:left; background:url(/[shared]/images/NetCaltex/body/subpage_sidenav_left.gif) no-repeat;}
#container .rightnav        {float:right; width:170px; height:350px; margin-right:3px; padding-top:10px; margin-top:5px; background:url(/[shared]/images/NetCaltex/body/subpage_sidenav_right.gif) no-repeat;}
#container .maincontent     {float:left;  width:442px; margin-top:15px; text-align:left; background-color:White; margin-left:7px;}
#container .maincontent h1  {margin:0; padding:0; font-size:14px; color:#004C60; margin-bottom:10px;}
#container .maincontent h2  {margin:0; padding:0; font-size:12px; color:#004C60; margin-bottom:10px;}


.header                 {background-color:#004C60; width:760px;}
.headerlinks    {padding-right:10px; padding-bottom:3px; margin-top:5px; color:White; text-align:right;}
.headerlinks a  {font-family:arial; font-size:11px; color:White; text-decoration:underline;}
.firstblock     {float:left; width:10px;  height:65px; background-image:url(/[shared]/images/NetCaltex/header/top_left.gif); }
.secondblock    {float:left; width:164px; height:65px; background-image:url(/[shared]/images/NetCaltex/header/caltexlogo_gif.gif);}
.spacer         {float:left; width:393px; height:65px; background-color:White; }
.thirdblock     {float:left; width:183px; height:65px; background-image:url(/[shared]/images/NetCaltex/header/whatdrivesyou_gif.gif);}
.lastblock      {float:left; width:10px;  height:65px; background-image:url(/[shared]/images/NetCaltex/header/top_right.gif);}
.header .menuLeft       {float:left; width:10px; height:21px; background-image:url(/[shared]/images/NetCaltex/topnav/top_left.gif); }
.header .menuRight      {float:right; width:10px; height:21px; background-image:url(/[shared]/images/NetCaltex/topnav/top_right.gif);}
.header .menuContent    {margin-left:10px; color:#FFF; text-align:left; margin-right:10px; width:720px; height:21px;}
   
.topnav                 {height:17px;}
.topnav .firstblock     {float:left; width:10px;  height:17px; background-image:url(/[shared]/images/NetCaltex/body/insidebody_top_left.gif)}
.topnav .spacer         {float:left; width:740px; height:17px; background-color:#004C60; font-size:9px; text-align:left; line-height:15px; color:white;}
.topnav .lastblock      {float:left; width:10px;  height:17px; background-image:url(/[shared]/images/NetCaltex/body/insidebody_top_right.gif)}
.whitesep				{width:760; background-color:#fff; height:10px;}
.pressLink              {margin-bottom:4px;}
.pressLink a            {color:#004C60; text-decoration:none}
.pressLink a:hover      {color:#ff0000; text-decoration:none}
.newslink               {float:right; text-align:right}
.newslink  a            {color:#ff0000; text-decoration:none}
.newslink a:hover       {color:#004C60; text-decoration:none}
.newstext               {font-family:Arial;font-size:11px; margin-left:0px; padding-bottom:10px;}
.newsdate               {font-style:italic; color:#696969}
.newscontainer          {border-bottom:dashed 1px #C3C3C3;font-family:Arial;}

.editorpanel            {border:1px solid #CCCCCC; background-color:#F2F2F2; padding:10px;}
.editorpanel table tr td {padding:5px 0 5px 0}

.leftmenu               {margin-left:-5px; padding-top:5px;}
.leftmenu .leftlinks    {font-family:arial; font-size:11px;margin-left:12px;text-align:left;margin-top:0px;margin-bottom:3px;}
.leftmenu .redDot       {float:left; width:9px; height:11px; background-image:url("/[shared]/images/red_dot.gif");}
.leftmenu .leftlinks a          {text-decoration:none;color:#000;}
.leftmenu .leftlinks a:hover    {color:Red;}

.content                {background-color:white;  padding-left:5px; padding-bottom:20px; min-height:350px; height:100%; overflow:hidden; width:755px;} 

.contentbottom              {height:13px;width: 760px;}
.contentbottom .firstblock  {float:left; width:6px; height:13px; background-image:url(/[shared]/images/NetCaltex/body/lower_leftNew.gif);}
.contentbottom .spacer      {float:left; width:748px; height:13px; background-color:White;}
.contentbottom .lastblock   {float:right; width:6px; height:13px; background-image:url(/[shared]/images/NetCaltex/body/lower_rightNew.gif);}

.footer                 {height:41px; margin:0px; margin-top:1px; width: 760px;}
.footer .firstblock     {float:left;  width:6px;   height:41px;  background-image:url(/[shared]/images/NetCaltex/footer/footer_left.gif)}
.footer .spacer         {font-family:arial; font-size:11px; float:left;  width:748px; height:41px;  background-color:white; text-align:right;}
.footer .spacer .notes  {padding-right:5px; padding-top:5px;text-align:right; }
.footer .lastblock      {float:right; width:6px;   height:41px;  background-image:url(/[shared]/images/NetCaltex/footer/footer_right.gif)}
.footer .spacer a       {font-family:arial; font-size:11px; color:black; text-decoration:underline;}
.notes                  {margin-top:3px;}

/* CLEAR FIX FOR DIV - to be used if you use floating for your div
 note: you should use this "class=clearfix" on the container div of the float
 example:
 <div class=clearfix>
	<div styele="float:left"></div>
 </div> 
*/

		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		/* End hide from IE-mac */
		
		/* What? You want to get crazy and do IEmac too? Okay. */
			.clearfix { display: inline-table; } 
		/* end IEmac only */		

/* END OF CLEAR FIX FOR DIV*/

/*---Grid CSS EHFA --- */

table.grid
{
	
}

.grid th, .grid td
{
	height:20px;
	
}

.grid th
{
   	text-align:center;
   	font-weight:bold;
   	text-transform:uppercase;

}

.grid td
{
	padding:2px 8px;	

}

.css_desc
{
}

.css_message
{
       color: #F99A1B; 
       font-size:medium;
       font-weight:bold;
       font-size:12px;
}

.highlight_red
{
    color:Red;
    font-weight:bold;
}

.table1 {
		border-collapse: collapse;
		border: 1px solid #ccc;
		color: #000;
		background: #fff;
	}
caption {
		padding: 0 0.6em 0.8em;
		font-size: 1.3em;
		font-weight: bold;
		text-align: left;
		color: #fff;
		background: transparent;
	}
.table1 td, .table1 th {
		border: 1px solid #E0E0E0;
		padding: 0.3em;
		vertical-align:middle;
		text-align: center;
		font-size: 11px;
	}
		
.table1 thead th {
		border: 1px solid #0080AA;
		color: #fff;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		background: #019DD8; vertical-align:middle
	}

.tablenolines td
{
        border:0px;
        
    }
	
.bodyPopup 
{
   margin:5px;
   padding:5px;
}
	

/*--- End Grid CSS --- */


/*---- Custom Style Validators EHFA -----*/
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px blue; background-color: #ADD8E6; 
}



/*---- End of Custom Style Validator -----*/


.clearfloat
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.formtxt
{
    font-family:Arial;
    font-size:11px;
    color:#000;
}


/*--- EHFA: Progress Bar ----- */
  .PrProgress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
    
}
.PrContainer
{
    border: solid 1px #3C3C3C;
    border-width: 1px 0px;
}
.PrHeader
{
    background: url('sprite.png') repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    white-space:nowrap;
    font-family: arial,helvetica,clean,sans-serif;
}
.PrBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 40px;
}
.PrIFrame
{
	
}
    
    /*---- End of Progress Bar ----*/
    
    
    
/*------ STYLE FOR CuteEditor -------------*/

.Title {font-weight: bold; font-size: 14px; color: #1c525d}
.SubTitle {font-weight: bold; font-size: 12px; color: #1c525d}
.NormalText {font-weight: normal; font-size: 10px; color: #000000}

/*------ END OF STYLE FOR CuteEditor -------*/